<!-- HSL voorbeeld -->
<div style="display: block">
HSL Voorbeeld
	<div style="height:50px;width:50px;float:left;background-color: hsl(0,100%, 50%);">
	1
	</div>
	<div style="height:50px;width:50px;float:left;background-color: hsl(120,100%, 50%);">
	2
	</div> 
	<div style="height:50px;width:50px;float:left;background-color: hsl(240,100%, 50%);">
	3
	</div>
</div>
<br /><br /><br />

<div>
HSLA voorbeeld

	 <div style="height:50px;width:50px;float:left;background-color: hsla(0,100%,50%,0.3);">1</div> 
	 <div style="height:50px;width:50px;float:left;background-color: hsla(0,100%,50%,0.6);">2</div> 
	 <div style="height:50px;width:50px;float:left;background-color: hsla(0,100%,50%,0.9);">3</div> 
</div>
  
 <br /><br /><br />

 <div>
RGB + Opacity
 
	 <div style="height:50px;width:50px;float:left;background: rgb(255, 0, 0); opacity:0.3">1</div> 
	 <div style="height:50px;width:50px;float:left;background: rgb(255, 0, 0); opacity:0.6">2</div> 
	 <div style="height:50px;width:50px;float:left;background: rgb(255, 0, 0); opacity:0.9">3</div> 
 </div>
 
 <br /><br /><br />
 
 <div>
 RGBA voorbeeld
	 <div style="height:50px;width:50px;float:left;background: rgba(255, 0, 0, 0.3);">1</div> 
	 <div style="height:50px;width:50px;float:left;background: rgba(255, 0, 0, 0.6);">2</div> 
	 <div style="height:50px;width:50px;float:left;background: rgba(255, 0, 0, 0.9);">3</div> 
</div>